/**
h4  标题
*/

:root {
	--h4-font-family: var(--heading-font-family);
	--h4-font-weight: var(--heading-font-weight);
	--h4-color: var(--heading-color);
	--h4-font-size: 1.5rem;
	--h4-line-height: var(--heading-line-height);
	--h4-letter-spacing: var(--heading-letter-spacing);
	--h4-text-align: var(--heading-text-align);
	--h4-font-style: var(--heading-font-style);
	--h4-text-decoration-style: var(--heading-text-decoration-style);
	--h4-text-decoration-thickness: var(--heading-text-decoration-thickness);
	--h4-text-decoration-color: var(--heading-text-decoration-color);
	--h4-margin: var(--heading-margin);
	/* --h4-bg: var(--wewrite-primary); */
	--h4-bg: var(--wewrite-bg);
	--h4-border-bottom-width: var(--heading-border-bottom-width);
	/* --h4-border-bottom-color: var(--h4-bg); */
	--h4-border-bottom-color: var(--heading-border-bottom-color);
	--h4-border-bottom-style: var(--heading-border-bottom-style);
	/*  标题前缀 */
	--h4-prefix-display: none;
	--h4-prefix-color: var(--h4-color);
	--h4-font-style: normal;
	--h4-text-align: var(--h4-text-align);
	/*  标题主体 */
	--h4-outbox-display: block;
	--h4-outbox-radius: var(--wewrite-border-radius);
	--h4-outbox-padding: var(--heading-padding);
	/*  标题叶子 */
	--h4-leaf-display: block;
	--h4-leaf-padding: var(--heading-padding);
	--h4-leaf-color: var(--h4-color);
	/*  标题后缀 */
	/* --h4-tail-display: inline-block; */
	--h4-tail-display: none;
	--h4-tail-content: " ";
	--h4-tail-vertical-align: bottom;
	--h4-tail-display: var(--heading-tail-display);
	--h4-tail-content: var(--heading-tail-content);
	--h4-tail-shadow-color: var(--heading-tail-shadow-color);
	--h4-tail-shadow-height: var(--heading-tail-shadow-height);
	--h4-tail-shadow-width: var(--heading-tail-shadow-width);
	--h4-display: flex;
}


.wewrite h4 {
	font-family: var(--h4-font-family);
	font-weight: var(--h4-font-weight);
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
	letter-spacing: var(--h4-letter-spacing);
	text-align: var(--h4-text-align);
	color: var(--h4-color);
	font-style: var(--h4-font-style);
	text-decoration-style: var(--h4-text-decoration-style);
	text-decoration-thickness: var(--h4-text-decoration-thickness);
	text-decoration-color: var(--h4-text-decoration-color);
	margin: var(--h4-margin);
	border-bottom-width: var(--h4-border-bottom-width);
	border-bottom-style: var(--h4-border-bottom-style);
	border-bottom-color: var(--h4-border-bottom-color);
	display: var(--h4-display);
}


.wewrite h4 .wewrite-heading-prefix {
	display: var(--h4-prefix-display);
	color: var(--h4-prefix-color);
	font-style: var(--h4-font-style);
	text-align: var(--h4-text-align);

}

.wewrite h4 .wewrite-heading-outbox {
	border-top-right-radius: var(--h4-outbox-radius);
	border-top-left-radius: var(--h4-outbox-radius);
	background-color: var(--h4-bg);
	padding: var(--h4-outbox-padding);
	display: block;
}

.wewrite h4 .wewrite-heading-leaf {
	padding-left: var(--h4-leaf-padding);
	padding-right: var(--h4-leaf-padding);
	font-weight: var(--h4-font-weight);
	display: var(--h4-leaf-display);
	color: var(--h4-leaf-color)
}

.wewrite h4 .wewrite-heading-tail {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	display: var(--h4-tail-display);
	content: var(--h4-tail-content);
	vertical-align: var(--h4-tail-vertical-align);
	border-bottom: var(--h4-tail-shadow-height) solid var(--h4-tail-shadow-color);
	border-right: var(--h4-tail-shadow-width) solid transparent;
}
